<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <button>dianwo</button>
        <!-- <a href="https://www.baidu.com"></a> -->
    </div>
</body>
</html>
<script>
    document.querySelector('button').onclick=function(){
        //生成一个a标签
        //createElement:创建标签
        let a=document.createElement('a')
        //创建属性节点
        let href=document.createAttribute('href');
        //设置属性值
        href.nodeValue="https://www.baidu.com";
        //关联标签与属性
        a.setAttribute(href);
        //创建文本节点
        let text=document.createTextNode('百度一下');
        //添加text节点到a节点内
        a.appendChild(text);
        //将a标签加入到box中
        document.querySelector('.box').appendChild(a);
    }
</script>